<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <link rel="stylesheet" href="../../../lib/layui/css/layui.css">
    <link rel="stylesheet" href="../../static/css/common.css">
    <link rel="stylesheet" href="../../static/css/record.css">
    <title>异常查询与处理</title>
</head>
<body>
<!--头部-->
<!--<header class="tophead" id="headerWrap"></header>-->
<!--主体-->
<section class="mainbody">
    <!--  <h3>异常查询与处理</h3>-->
    <!--筛选条件-->
    <div class="layui-collapse">
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">筛选异常记录</h2>
            <div class="layui-colla-content layui-show">
                <div class="parameter">
                    <form action="#" class="layui-form layui-form-pane layui-clear" lay-filter="parameter">
                        <div class="layui-form-item layui-input-inline">
                            <!--区域-->
                            <div class="layui-inline  layui-form-item ">
                                <label class="layui-form-label">区域</label>
                                <div class="layui-input-inline area-option-wrap">
                                    <select name="areaId" lay-filter="areaMenu" class="layui-bg-blue areaMenu">
                                        <option value="0">全部</option>
                                    </select>
                                </div>
                            </div>
                            <!--马达-->
                            <div class="layui-inline  layui-form-item ">
                                <label class="layui-form-label">马达</label>
                                <div class="layui-input-inline motor-option-wrap">
                                    <select name="moId" lay-filter="motorMenu" class="layui-bg-blue motorMenu">
                                        <option value="0">全部</option>
                                    </select>
                                </div>
                            </div>
                            <!--报警类别-->
                            <div class="layui-inline">
                                <label class="layui-form-label">报警类别</label>
                                <div class="layui-input-inline area-option-wrap">
                                    <select name="alertId" lay-filter="alertMenu" class="layui-bg-blue alertMenu">
                                        <option value="0">全部</option>
                                        <option value="1">马达超标</option>
                                        <option value="2">马达故障</option>
                                        <option value="3">马达长时间无数据</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">处理状态</label>
                                <div class="layui-input-inline">
                                    <select name="hasDealed" lay-filter="hasDealed" class="layui-bg-blue">
                                        <option value="-1">全部</option>
                                        <option value="0">未处理</option>
                                        <option value="1">已处理</option>
                                        <option value="2">处理中</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">开始时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="startDate" name="startTime">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">结束时间</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="endDate" name="endTime">
                                </div>
                            </div>
                            <div class="layui-form-item layui-inline layui-btn-group fr">
                                <button type="button" class="layui-btn btn-theme layui-btn-sm searchBtn" lay-submit
                                        lay-filter="search">查询
                                </button>
                                <button type="button" class="layui-btn btn-theme layui-btn-sm exportBtn">导出</button>
                                <button type="button" class="layui-btn btn-theme layui-btn-sm printBtn">打印</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--表格-->
    <div class="tables">
        <table lay-filter="exceptionTable" lay-data="{id: 'exception'}" class="reportTable"></table>
    </div>
</section>
</body>
</html>
<!--区域模板-->
<script type="text/html" id="motor-areas-tpl">
    <option value="0">全部</option>
    {{each data}}
    <option value="{{$value.areaId}}">{{$value.areaName}}</option>
    {{/each}}
</script>
<!--马达模板-->
<script type="text/html" id="motors-tpl">
    <option value="0">全部</option>
    {{each data}}
    <option value="{{$value.moId}}">{{$value.moName}}</option>
    {{/each}}
</script>
<!--行操作按钮-->
<script type="text/html" id="rowOperate">
    {{#  if(d.moState == 2){ }}
    <a class="layui-btn layui-btn-xs btn-3d" lay-event="deal">处理</a>
    {{#  } else if(d.moState == 3){ }}
    <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="deal"><i class="layui-icon layui-icon-util"></i>处理中</a>
    {{#  } }}
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="goToMonitor"><i
            class="layui-icon layui-icon-chart-screen"></i>监控</a>
</script>
<!--处理弹框-->
<script type="text/html" id="rowDeal">
    <form action="#" class="layui-form" lay-filter="rowDeal">
        <div class="infowrap">
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">警报记录id</label>
                <div class="layui-input-block">
                    <input type="text" name="arecId" class="layui-input" readonly disabled>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">操作人</label>
                <div class="layui-input-block">
                    <input type="text" name="operaUserName" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <label class="layui-form-label">操作</label>
                <div class="layui-input-block">
                    <input type="text" name="operaCodeName" class="layui-input" lay-verify="required" readonly disabled>
                    <input type="hidden" name="operaCode" class="layui-input" lay-verify="required">
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">操作说明</label>
                <div class="layui-input-block">
                    <textarea name="operaContent" placeholder="请输入内容" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="fr">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="rowDeal">确定</button>
                    <button type="cancel" class="layui-btn layui-btn-sm layui-btn-primary">取消</button>
                </div>
            </div>
        </div>
    </form>
</script>
<script src="../../../lib/layui/layui.js"></script>
<script src="../../static/js/common.js"></script>
<script src="../../static/js/file/exception-rec.js"></script>
